<template>
	<view class="">
		<u-cell :border="false">
			<u--text slot="title" text="姓名"  size="15" lineHeight="20"></u--text>
			<u--text slot="value" :text="data.name ||'未知'"  align="right" size="15" lineHeight="20"></u--text>
		</u-cell>
		<u-cell :border="false">
			<u--text slot="title" text="用户名"  size="15" lineHeight="20"></u--text>
			<u--text slot="value" :text="dataInfo.username ||'未知'"  align="right" size="15" lineHeight="20"></u--text>
		</u-cell>
		<u-cell :border="false">
			<u--text slot="title" text="手机号"  size="15" lineHeight="20"></u--text>
			<u--text slot="value" :text="dataInfo.phone ||'未知'"  align="right" size="15" lineHeight="20"></u--text>
		</u-cell>
		<u-cell :border="false">
			<u--text slot="title" text="身份证号"  size="15" lineHeight="20"></u--text>
			<u--text slot="value" :text="data.idCard ||'未知'"  align="right" size="15" lineHeight="20"></u--text>
		</u-cell>
		<u-cell :border="false">
			<u--text slot="title" text="昵称"  size="15" lineHeight="20"></u--text>
			<u--text slot="value" :text="dataInfo.nickName ||'未知'"  align="right" size="15" lineHeight="20"></u--text>
		</u-cell>
		<u-cell :border="false">
			<u--text slot="title" text="性别"  size="15" lineHeight="20"></u--text>
			<u--text slot="value" :text="dataInfo.gender ||'未知' "  align="right" size="15" lineHeight="20"></u--text>
		</u-cell>
		<u-cell :border="false">
			<u--text slot="title" text="所属城市"  size="15" lineHeight="20"></u--text>
			<u--text slot="value" :text="dataInfo.province ||'未知'"  align="right" size="15" lineHeight="20"></u--text>
		</u-cell>
		<u-cell :border="false">
			<u--text slot="title" text="详细地址"  size="15" lineHeight="20"></u--text>
			<u--text slot="value" :text="dataInfo.contactAddress ||'未知'"  align="right" size="15" lineHeight="20"></u--text>
		</u-cell>
	<!-- 	<u-cell :border="false">
			<u--text slot="title" text="实际联系地址"  size="15" lineHeight="20"></u--text>
			<u--text slot="value" :text="dataInfo.contactAddress"  align="right" size="15" lineHeight="20"></u--text>
		</u-cell> -->
		<view class="" style="padding: 15px;">
			<u--text text="身份证证件"  size="15" lineHeight="20" bold></u--text>
			
			<u--text  text="正面"   size="15" lineHeight="50"></u--text>
			<u--image :showLoading="true" :src="data.idFaceImg" width="80px" height="80px" @click="click"></u--image>
			
			<u--text  text="反面"  size="15" lineHeight="50"></u--text>
			<u--image :showLoading="true" :src="data.idNembImg" width="80px" height="80px" @click="click"></u--image>
			
			<u--text  text="手持身份证(正面)"   size="15" lineHeight="50"></u--text>
			<u--image :showLoading="true" :src="idHandImg" width="80px" height="80px" @click="click"></u--image>
		</view>
		
		
	</view>
</template>

<script>
	import {
		getUserInfo,
		getUserInfoAuth
	} from '@/api/my/index.js'
	export default {
		data() {
			return {
				dataInfo:{
				name: "",
				phone: "",
				nickName: "",
				gender: "",
				avatar: "",
				id_face_img: "",
				id_nemb_img: "",
				id_hand_img: "",
				province: "",
				city: "",
				area: "",
				contactAddress: "",
				completeInfoState: ""
				},
				data:{}
			}
		},
		created() {
			this.getInfo()
			this.getUserInfo()
		},
		methods: {
			// 个人信息详情页
			async getInfo(){
				const res = await getUserInfo()
				if (res.data.code == 200) {
					this.dataInfo = res.data.data
				}
			},
			async getUserInfo(){
				const res = await getUserInfoAuth()
				if (res.data.code == 200) {
					this.data = res.data.data
				}
			},
		},
	}
</script>

<style scoped lang="scss">

</style>